<template lang="pug">
    div.nav
        div.title 农业部电子政务门户网站后台管理
        div.toolbar.pull-right
            a.btn
                i.fa-home.fa
                span 门户网站
            a.btn
                i.fa-handshake-o.fa
                span 业务系统
            a.btn
                i.fa-key.fa
                span 修改密码
            a.btn 
                i.fa-power-off.fa
                span 安全退出
</template>
<script>
    export default {
    }
</script>
<style lang="less">
    @import '~variable.less';
    .nav{
        z-index: 1;
        box-shadow: 0 0 10px #333;
        height: @navHeight;
        background-color:#1976D2;
        line-height: @navHeight;
        .title{
            display: inline-block;
            font-size: 1.5rem;
            color: #FFF;
            margin-left: 2rem;
        }
        .toolbar{
            margin-right: 2rem;
            .btn{
                color: #FFF;
                cursor: pointer;
                height: @navHeight;
                padding: 0 1rem;
                display: inline-block;
                &:hover{
                    background-color: #1E88E5;
                }
                .fa{
                    margin-right: 0.6rem;
                }
            }
        }
    }
</style>